<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>数字银行网站</title>
    <style>
        #app {
            width: 100%;
            height: 100%;
        }
        
        @media screen and (max-width:300px) {
            html,
            body {
                font-size: 0.58rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:301px) and (max-width:350px) {
            html,
            body {
                font-size: 0.6rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:351px) and (max-width:420px) {
            html,
            body {
                font-size: 0.7rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:421px) and (max-width:490px) {
            html,
            body {
                font-size: 0.9rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:491px) and (max-width:620px) {
            html,
            body {
                font-size: 1rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:621px) and (max-width:720px) {
            html,
            body {
                font-size: 1.2rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:721px) and (max-width:820px) {
            html,
            body {
                font-size: 1.4rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:821px) and (max-width:920px) {
            html,
            body {
                font-size: 1.6rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:921px) and (max-width:1020px) {
            html,
            body {
                font-size: 1.8rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:1021px) and (max-width:1120px) {
            html,
            body {
                font-size: 2rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:1121px) and (max-width:1220px) {
            html,
            body {
                font-size: 2.2rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:1221px) and (max-width:1320px) {
            html,
            body {
                font-size: 2.4rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:1321px) and (max-width:1420px) {
            html,
            body {
                font-size: 2.6rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:1421px) and (max-width:1520px) {
            html,
            body {
                font-size: 2.8rem;
            }
        }
        /* 大于960 小于1200 */
        
        @media screen and (min-width:1521px) and (max-width:1620px) {
            html,
            body {
                font-size: 3rem;
            }
        }
    </style>
</head>

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
</body>

</html>